<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<html>
<head>
	<meta charset="utf-8" />
	<title>厅干部平时考核管理系统</title>
	<link rel="stylesheet" type="text/css" href="<c:url value='/resource/jxkh/css/iconfont.css'/>" />
	<script type="text/javascript">
		$(function() {
			//ajax获取日历json数据
			var signList = [{
				"signDay": "09"
			}, {
				"signDay": "11"
			}, {
				"signDay": "12"
			}, {
				"signDay": "13"
			}];
			calUtil.init(signList);
			initzxt();
		});
		//文字上下滚动
		var str1 = new Marquee(
				"text_small_wraper", //容器ID
				0, //向上滚动（0为向上、1为向下、2为向左、3为向右)
				2, //滚动的步长
				250, //容器可视宽度
				75, //容器可视高度
				50, //定时器 数值越小，滚动的速度越快（1000=1秒，建议不小于20）
				2000, //间歇停顿时间（0为不停顿，1000=1秒）
				1000, //开始时的等待时间（0为不等待，1000=1秒）
				25 //间歇滚动间距（可选）
		);
		//文字上下滚动结束
		//通知通报月份选择下拉
		$(document).click(function() {
			$(".date_select_xl").slideUp(200);
		});
		$("#date_select").click(function(e) {
			e = e || window.event;
			if(e.stopPropagation) {
				e.stopPropagation();
			} else {
				e.cancelBubble = true;
			}
			$(this).next(".date_select_xl").slideToggle(200);
			var selecttext = $(this).children("p");
			var selectmain = $(this).next(".date_select_xl");
			var lis = selectmain.find('li');
			for(var i = 0; i < lis.length; i++) {
				lis[i].onclick = function() {
					selectmain.hide();
					var textval = $(this).html();
					selecttext.text(decodeURIComponent(textval));
				}
			}
		});
		$("#date_select1").click(function(e) {
			e = e || window.event;
			if(e.stopPropagation) {
				e.stopPropagation();
			} else {
				e.cancelBubble = true;
			}
			$(this).next(".date_select_xl").slideToggle(200);
			var selecttext = $(this).children("p");
			var selectmain = $(this).next(".date_select_xl");
			var lis = selectmain.find('li');
			for(var i = 0; i < lis.length; i++) {
				lis[i].onclick = function() {
					selectmain.hide();
					var textval = $(this).html();
					selecttext.text(decodeURIComponent(textval));
				}
			}
		});
		//通知通报月份选择下拉结束
		function initzxt(){
			//折线图
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('zxt'));
			option = {
				grid: {
					left: '2%',
					right: '9%',
					bottom: '1%',
					containLabel: true
				},
				title: {
					text: '',
					subtext: ''
				},
				tooltip: {
					trigger: 'axis'
				},
				xAxis: [{
					type: 'category',
					data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', "11", "12"],
					axisLine: {
						lineStyle: {
							type: 'solid',
							color: '#333', //右边线的颜色
							width: '1' //坐标线的宽度
						}
					},
					//设置字体倾斜
					axisLabel: {
						interval: 0,
						fontSize: '10',
						margin: 6,
						textStyle: {
							color: "#333"
						}
					},
				}],
				yAxis: {
					type: 'value',
					axisLabel: {
						fontSize: '10',
					}
				},
				series: [

					{
						name: '',
						type: 'line',
						//线条颜色
						itemStyle: {
							normal: {
								color: '#d8a53a',
								lineStyle: {
									color: '#d8a53a'
								}
							}
						},
						data: [82, 95, 92, 86, 98, 96, 82, 91, 95, 88, 96, 92],
						markPoint: {
							data: []
						},
						markLine: {
							data: [
								[{
									symbol: 'none',
									x: '90%',
									yAxis: 'max'
								}, {
									symbol: 'circle',
									label: {
										normal: {
											position: 'start',
										}
									},
								}]
							]
						}
					}
				]
			};
			myChart.setOption(option);
		}
	</script>
	</head>

	<body >
	<div class="njga njga_rt_main" style="overflow-x:hidden;overflow-y:hidden">
		<div class="index-new-main" >
			<div class="index_content new_content">
			<!--lf-->
			<div class="new_lf">
				<div class="new_lf_top">
					<div class="head_icon">
						<img src="data:image/png;base64,${_SESSION_LOGIN_USER.photo}"/>
					</div>
					<div class="p_name">
						${_SESSION_LOGIN_USER.name}<span>${_SESSION_LOGIN_USER.dutyName}</span>
					</div>
					<div class="p_text">${_SESSION_LOGIN_USER.deptName}</div>
				</div>
				<!--工作提醒-->
				<div class="njga_bottom_top njga_bottom_top1">
					<div class="title_top">
						<div class="index_tztb">
							<div class="title">
								<span class="span_hov">工作提醒</span>
							</div>
							<div class="date_select_w">
								<div class="date_select" id="date_select">
									<p>当月</p>
									<div class="arrow"></div>
								</div>
								<ul class="date_select_xl">
									<li>1 月</li>
									<li>2 月</li>
									<li>3 月</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="index_tztb index_tztb1">
						<div class="text_large">您本月对部门绩效考核评价还剩余<span>2</span>天，请尽快评价。</div>
						<div class="date">考核评价截止日期：2017-10-29</div>
						<div class="text_small_wraper" id="text_small_wraper">
							<div class="text_small">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</div>
							<div class="text_small">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</div>
							<div class="text_small">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</div>
							<div class="text_small">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</div>
							<div class="text_small">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</div>
							<div class="text_small">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</div>
						</div>
					</div>
				</div>
				<!--通知通报-->
				<div class="tztb_new">
					<div class="tztb_new_top">
						<div class="tztb_new_top_main">
							通知通报
							<a href="#">更多<span class="iconfont icon-right"></span></a>
						</div>
					</div>
					<ul class="tztb_new_ul">
						<li>
							<a href="#">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</a>
						</li>
						<li>
							<a href="#">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</a>
						</li>
						<li>
							<a href="#">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</a>
						</li>
						<li>
							<a href="#">徐州贾汪公安分局“三个全覆盖”强力三个全覆盖</a>
						</li>
						<li>
							<a href="#">南京车管所推出驾驶人满12分学习新所推出驾驶人满12</a>
						</li>
						<li>
							<a href="#">淮安涟水警方超前谋划防范网络诈骗谋划防范网络诈骗</a>
						</li>
					</ul>
				</div>
			</div>
			<!--center-->
			<div class="new_ct">
				<!--一周考勤记录-->
				<div class="yzkqjl">
					<div class="yzkqjl_top">一周考勤记录</div>
					<div class="yzkqjl_bottom">
						<div style="" id="calendar"></div>
					</div>
				</div>
				<!--考核情况-->
				<div class="khqk">
					<div class="tztb_new_top" style="border-bottom: 0;">
						<div class="tztb_new_top_main index_tztb index_tztb2">
							考核情况
							<div class="date_select_w">
								<div class="date_select" id="date_select1">
									<p>10月</p>
									<div class="arrow"></div>
								</div>
								<ul class="date_select_xl">
									<li>1 月</li>
									<li>2 月</li>
									<li>3 月</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="khqk_bottom">
						<table class="khqk_table">
							<tr>
								<td width="16%"></td>
								<td width="12%">德</td>
								<td width="12%">能</td>
								<td width="12%">勤</td>
								<td width="12%">绩</td>
								<td width="12%">廉</td>
								<td width="24%" rowspan="4">
									<div class="td_text_top">99<b>分</b> </div>
									<div class="td_text_bottom">总分</div>
								</td>
							</tr>
							<tr>
								<td>个人自评</td>
								<td>A</td>
								<td>B</td>
								<td>A</td>
								<td>A</td>
								<td>A</td>
							</tr>
							<tr>
								<td>领导评鉴</td>
								<td>A</td>
								<td>A</td>
								<td>A</td>
								<td>A</td>
								<td>A</td>
							</tr>
							<tr>
								<td>领导打分</td>
								<td>20</td>
								<td>15</td>
								<td>15</td>
								<td>39</td>
								<td>10</td>
							</tr>
							<tr>
								<td colspan="7">
									<div class="td_lf">领导评语：</div>
									<div class="td_rt">
										<span>表现不错，再接再厉！</span>
									</div>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<!--rt-->
			<div class="new_rt">
				<!--异常情况说明-->
				<div class="ycqksm">
					<div class="title">月度考勤统计</div>
					<div class="wdkq_rt wdkq_rt_new">
						<div class="ydkhtj">
							<ul class="ydkhtj_ul">
								<li>
									<div class="li_top li_top1">1次</div>
									<div class="li_bottom">迟到</div>
								</li>
								<li>
									<div class="li_top">0次</div>
									<div class="li_bottom">早退</div>
								</li>
								<li>
									<div class="li_top li_top1">1次</div>
									<div class="li_bottom">缺勤</div>
								</li>
								<li>
									<div class="li_top">0次</div>
									<div class="li_bottom">旷工</div>
								</li>
							</ul>
							<ul class="ul_date">
								<li>
									<div class="yuan">上</div>
									<div class="text">签到时间：
										<span>08:27</span>
										<span class="span2">（上班时间：08:30）</span>
									</div>
									<div class="li_line"></div>
								</li>
								<li>
									<div class="yuan">下</div>
									<div class="text">签退时间：
										<span class="span1">未签退</span>
										<span class="span2">（下班时间：17:30）</span>
										<div class="ljjt_btn">签退</div>
									</div>

								</li>
							</ul>
							<textarea class="textarea1" rows="2" placeholder="请输入异常情况说明"></textarea>
							<div class="bmkhcp_lf bmkhcp_lf_new">
								<div class="btn_row">
									<button type="button" class="button1">提交</button>
									<button type="button" class="button2">重置</button>
								</div>
							</div>
						</div>
					</div>

				</div>
				<!--全年得分统计-->
				<div class="qndftj">
					<div class="title title1">全年得分统计</div>
					<div class="qndftj_zzt">
						<div class="yue">(月)</div>
						<div id="zxt" style="width: 90%;height: 100%;margin-top: -40px;"></div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>
	</body>


</html>